<template>
    <div>
        <mt-swipe :show-indicators="false">
            <mt-swipe-item v-for="(item, index) in swiperList" :key="index"><img :src="item" alt="" width="100%"></mt-swipe-item>
            
        </mt-swipe>
         <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newsList">
                    <img src="../../assets/images/menu1.png" alt="">
                    <div class="mui-media-body">新闻咨询</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/photolist">
                    <img src="../../assets/images/menu2.png" alt="">
                    <div class="mui-media-body">图片分享</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home">
                    <img src="../../assets/images/menu3.png" alt="">
                    <div class="mui-media-body">商品购买</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home">
                    <img src="../../assets/images/menu4.png" alt="">
                    <div class="mui-media-body">留言反馈</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home">
                    <img src="../../assets/images/menu5.png" alt="">
                    <div class="mui-media-body">视频专区</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home">
                    <img src="../../assets/images/menu6.png" alt="">
                    <div class="mui-media-body">联系我们</div></router-link></li>
		</ul> 
    </div>
</template>

<script>
export default {
    data() {
        return {
               swiperList: [
                'https://static.maizuo.com/v5/upload/189bcf606b4bf49ad5de201a2ea5024d.jpg?x-oss-process=image/quality,Q_70',
                'https://weiliicimg9.pstatp.com/weili/l/701733266079875102.webp',
                'https://weiliicimg9.pstatp.com/weili/l/271209283378348068.webp',
                'https://icweiliimg6.pstatp.com/weili/l/271209283381624854.webp'
            ]
        }
    },
}
</script>

<style lang="scss" scoped>
    .mint-swipe{
        height: 2rem;
    }
    .mui-grid-view.mui-grid-9{
        background-color: #fff;
    }
    .mui-grid-view.mui-grid-9 .mui-table-view-cell{
        border: 0 !important;
    }
    .mui-table-view img{
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 auto;
    }
</style>